@keyframes spin-key {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.spin {
  animation: spin-key 15s linear infinite;
}


.ijojl{
    background-image: url('./heshang.jpg');
}







// .cssanimation, .cssanimation span {
//   animation-duration: 1s;
//   animation-fill-mode: both;
// }

// .cssanimation span { display: inline-block }

// .lePeek span { animation-name: lePeek }
// @keyframes lePeek {
//   25% {  transform: rotateX(30deg) translateY(10px) rotate(-13deg); }
//   50% { transform: translateY(-22px) rotate(3deg) scale(1.1);  }
// }






.cssanimation, .cssanimation span {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.cssanimation span { display: inline-block }

.leMovingBackFromRight span { animation-name: leMovingBackFromRight; transform-origin: bottom }
@keyframes leMovingBackFromRight {
  40% { transform: rotate(45deg) }
  100% {
      transform: rotate(0deg);
      animation-timing-function: cubic-bezier(0,.9,.7,1.45)
  }
}


.yuanwen{
  border-radius: 8px;
  overflow: hidden;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-bottom: 5px;
  user-select:none;
}